<template>
  <div>
    <el-container>
      <!-- 头部 -->
      <el-header>
        <h3>线索管理</h3>
      </el-header>
      <!-- 主体区域 -->
      <el-main>
        <el-row class="clues">
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <el-card >
                <img src="../../assets/images/u39.png" class="image">
                <hr>
                <div >
                  <span>线索挖掘</span>
                </div>
              </el-card>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <el-card >
                <img src="../../assets/images/u47.png" class="image">
                <hr>
                <div >
                  <span>多维分析</span>
                </div>
              </el-card>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <el-card >
                <img src="../../assets/images/u54.png" class="image">
                <hr>
                <div >
                  <span>线索仓库</span>
                </div>
              </el-card>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <el-card >
                <img src="../../assets/images/u61.png" class="image">
                <hr>
                <div >
                  <span>线索统计</span>
                </div>
              </el-card>
            </div>
          </el-col>
        </el-row>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {

  data () {
    return {
    }
  },

  methods: {},

  created () {
  }
}
</script>

<style lang='less' scoped>
.el-header{
  background-color: #fff;
}
.el-header h3 {
  margin-left: 20px;
}
.clues {
  text-align: center;
}
.clues img {
  width: 50%;
  height: 50%;
}
.clues span {
  font-weight: 700;
  font-size: 16px;
}
</style>
